
<!-- 鼠标特效 -->
 <style>
    .menu-area .mobile-nav-toggler {
        font-size: 24px;
    }
    @media (max-width: 991.98px) {
        .sticky-menu.menu-area {
            padding: 10px 0;
        }
        .menu-area {
            padding: 10px 0;
        }
        .banner-bg {
            padding: 60px 0 0px;
        }
    }
    
    .fixe_box {
    }
    .fixe_box .fixe_cont{
        width: 100%;
        height: 100%;
        background-color: #fff;
        border-top-left-radius: 8px;
        border-bottom-left-radius: 8px;
    }



    .fixe_box .list_box {
        width: 100%;
        display: flex;
        border-bottom: 1px solid #E6E6E6;
        text-align: right;
        justify-content: flex-end;
        padding-right: 15px;
    }

    .fixe_box .list_box img {
        width: 20px;
        margin: 10px;
    }

    .fixe_box .list_box span a{
        font-size: 14px;
        color: #333333;
        line-height: 40px;
        margin-left: 10px;
        text-align: right;
    }
    .fixe_box .last_box {
        margin-bottom: 0;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom: 1px solid #e6e6e6;
        text-align: right;
    }
    .fixe_box .info {
        width: 100%;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
        text-align: right;
        padding-right: 15px;
    }
    .fixe_box .info p {
        font-size: 14px;
        color: #333333;
        line-height: 40px;
        text-align: right;
        margin-bottom: 0px;
    }
    .scroll-top.open {
        bottom: 70px;
    }

 </style>

<!-- 鼠标特效 -->

<!-- 返回顶部 -->
<button class="scroll-top scroll-to-target" data-target="html">
    <i class="fas fa-angle-up"></i>
</button>
<!-- 返回顶部-->

<!-- 头部-->
<header>
    <div id="sticky-header" class="menu-area transparent-header">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="mobile-nav-toggler" id="menu"><i class="fas fa-bars"></i></div>
                    <div class="menu-wrap">
                        <nav class="menu-nav">
                            <div class="logo">
                                <a href=""
                                ><img src="__TMPL__/public/static/picture/logo.png" alt="Logo"
                                /></a>
                            </div>
                            <div class="navbar-wrap main-menu d-none d-lg-flex">
                                <ul class="navigation">
                                    <li <if condition="isset($nav) and $nav eq 'home' "  > class="active" </if>  ><a href="index.html">{:lang('HOME')}</a></li>
                                    <li <if condition="isset($nav) and $nav eq 'article' " > class="active" </if>><a href="/{$site_info.site_team|default=''}">{:lang('ABOUT')}</a></li>
                                    <li <if condition="isset($nav) and $nav eq 'center' " > class="active" </if> ><a href="/user/profile/center.html">{:lang('Agency Center')}</a></li>
                                    <li class="menu-item-has-children">
                                        <a href="#">中文</a>
                                        <ul class="sub-menu">
                                            <li><a href="/?en=us">英文</a></li>
                                        </ul>
                                    </li>
                                </ul>
                            </div>
                        </nav>
                    </div>

                    <!-- Mobile Menu  -->
                    <div class="mobile-menu">
                        <nav class="menu-box">
                            <div class="close-btn"><i class="fas fa-times"></i></div>
                            <div class="nav-logo">
                                <a href=""
                                ><img src="__TMPL__/public/static/picture/logo.png" alt="Logo"
                                /></a>
                            </div>
                            <div class="social-links fixe_box">
                                <div class="fixe_cont">
                                    <div class="list_box">
                                        <img src="__TMPL__/public/static/image/fixed_icon1.png" />
                                        <span><a href="/user/profile/center.html"> {:LANG('USERCENTER')} </a></span>
                                    </div>
                                    <div class="list_box">
                                        <img src="__TMPL__/public/static/image/fixed_icon2.png" />
                                        <span><a href="/{$site_info.site_team|default=''}"> {:LANG('ABOUT TEAM')} </a></span>
                                    </div>
                                    <div class="list_box last_box">
                                        <img src="__TMPL__/public/static/image/fixed_icon3.png" />
                                        <span><a href="/{$site_info.site_center|default=''}"> {:LANG('CONTACT US')} </a></span>
                                    </div>
                                    <div class="info">
                                        <p>{:LANG('WECHAT')}：{$site_info.site_wechat|default=''}</p>
                                        <p>QQ：{$site_info.site_qq|default=''}</p>
                                        <p>SKYPE：{$site_info.site_skype|default=''}</p>
                                        <p>WHATSAPP：{$site_info.site_whatsapp|default=''}</p>
                                        <p>{:LANG('MAILBOX')}：{$site_info.site_admin_email|default=''}</p>
                                    </div>
                                </div>
                            </div>
                        </nav>
                    </div>
                    <div class="menu-backdrop"></div>
                    <!-- End Mobile Menu -->
                </div>
            </div>
        </div>

        <div class="body-contact-overlay"></div>
        <!-- header-contact-end -->
    </div>
</header>


<!-- 头部 -->